layui.use(['table','layer','form','laydate'], function() {
	var table = layui.table;
	var layer = layui.layer;
	var form = layui.form;
	var tree = layui.tree;
	var laydate = layui.laydate;
	var $ = layui.jquery;
	
	//新增弹窗中的保存添加事件
		$("body").on("click","#saveBtn",function(){	//二次选择
			//获取form的全部数据
			var data = form.val("productForm");
			//console.log(data);
			//把数据推送道后台
			//ajax
			$.post("/product/update",data,function(){
				layer.closeAll();
				$("#searchBtn").click();
			});
		});


	//给新增按钮绑定事件
	$("#addBtn").on("click",function(){		
		//弹出窗口
		layer.open({
			type:1
			,area:['400px','500px']//窗口大小
			,title:"新增用户"
			,content:$("#addProductTemplate").html()
		});
		form.render();
		
		/*laydate.render({
			elem:'#birthday'//指定元素
		});*/
		
		//新增弹窗中的保存添加事件
		$("#saveBtn").on("click",function(){
			//获取form的全部数据
			var data = form.val("productForm");
			//console.log(data);
			//把数据推送道后台
			//ajax
			$.post("/product/add",data,function(){
				layer.closeAll();
				$("#searchBtn").click();
			});
		});
		
	});
	
	
	
	//给查询按钮绑定事件
	$("#searchBtn").on("click",function(){
		table.render({
			elem: '#productTable'
			, url: '/product/all' //数据接口
			, page: true //开启分页
			, cols: [[ //表头
				{ field: 'id', title: 'ID', width: '10%', fixed: 'left' }
				, { field: 'name', title: '商品名', width: '15%' }
				, { field: 'code', title: '编码', width: '10%'}
				, { field: 'price', title: '价格', width: '10%'}
				, { field: 'unit', title: '单位', width: '10%' }
				, { field: 'categoryName', title: '商品分类', width: '15%' }
				, { title: '操作', width: '30%' ,toolbar:"#operateTemplate"}
			]],
			limits:[5,10,15,20],
			limit:5,
			where:{"keyword":$("#searchProductname").val()}
		});
		
		table.on('tool(productTable1)',function(obj){
			
			var productid=obj.data.id;//获取当前操作行的id
			
			if(obj.event == "del" ){//点击删除按钮
				layer.confirm("你确定要删除该商品么？",function(){
					$.post("/product/delete",{proId:productid},function(){
						layer.closeAll();
						$("#searchBtn").click();
					});
				}/*,function(){}*/);
			}else if(obj.event == "edit"){//点击编辑按钮
				$.get("/product/"+productid,function(u){
					layer.open({
						type:1
						,area:['400px','500px']//窗口大小
						,title:"编辑用户"
						,content:$("#addProductTemplate").html()
					});
					form.val("productForm",u);//第一个获取值，第二个赋值给u
					
					/*$("#saveBtn").on("click",function(){	
						//获取form的全部数据
						var data = form.val("productForm");
						//console.log(data);
						//把数据推送道后台
						//ajax
						$.post("/product/save",data,function(){
							layer.closeAll();
							$("#searchBtn").click();
						});
					});*/
					
				});
			}else{
				$.get("/category/tree",{id:productid},function(categorys){
						
						layer.open({
							type:1
							,title:'绑定类别'
							,area:['400px',"500px"]
							,content:$("#operateTree").html()
						});
						console.log(categorys)
					tree.render({
						elem: '#CategoryTree'  //绑定元素
						,data:categorys
						,id:"CategoryTreeId11"
						,showCheckbox:true
						/*,oncheck:function(obj1){
							console.log(obj1);
						}*/
					});
						$("#saveCategoryTree").on("click",function(){
							$("#info").html("");
							var num=0;
							var checkData = tree.getChecked("CategoryTreeId11");
							var ids="";

							$.each(checkData,function(index,value){

								if(value.children){

									$.each(value.children,function(iindex,vvalue)
									{
										num++;
										if(num>1) {
											$("#info").html("添加失败，只能选择一个种类")
											return ;
										}

										if(ids!="")
										{
											ids+=",";
										}
										ids+=vvalue.id;

									});

								}


							})
							if(num<=1)
							$.post("/product/updateBind",{id:productid,ids:ids},function(data){
								$("#info").html(data)
							});
						})
				});
				
			}
			
		});
		
	}).click();
	
});